<template>
  <div class="bottom">
     <div class="content">
        <div class="left">{{$t('bottomTip.name')}}</div>
        <div class="right">
            <span>{{$t('bottomTip.contact')}}</span>
            <span>{{$t('bottomTip.partners')}}</span>
            <span>{{$t('bottomTip.userAgreement')}}</span>
            <span>{{$t('bottomTip.privacyAgreement')}}</span>
        </div>
     </div>
  </div>
</template>

<script setup lang="ts">
</script>

<style scoped lang="scss">
   .bottom{
        width: 100%;
        height: 50px;
       background: #f0f2f5;
       display: flex;
       justify-content: center;
       .content{
        width: 1200px;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items:center;
        font-size:14px;
        .right>span{
            margin:0px 5px;
        }
       }
      }
</style>